<template>
    <el-form ref="formModel" :model="value" :rules="rules" :label-width="labelWidth" :inline="inline" v-bind="$props"
        v-on="$listeners">
        <!-- <h4 class="orange">基础信息</h4> -->
        <el-row>
            <slot name="EnumSysCustomerTypeBefore"></slot>
            <slot name="EnumSysCustomerType">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="EnumSysCustomerType" :label="keyLan['EnumSysCustomerType'] + ':'">
                        <el-radio-group v-model="value.EnumSysCustomerType">
                            <el-radio v-for="item in EnumSysCustomerType" :key="item.Value" :value="item.Value"
                                :label="item.Value">
                                {{ enumLanTxt(item.Label) }}
                            </el-radio>
                        </el-radio-group>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="EnumSysCustomerTypeAfter"></slot>
            <slot name="HeaderUrlBefore"></slot>
            <slot name="HeaderUrl">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="HeaderUrl" :label="keyLan['HeaderUrl'] + ':'">
                        <uploadimg v-model="value.HeaderUrl" :max="1"></uploadimg>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="HeaderUrlAfter"></slot>
            <slot name="SysCustomerNameBefore"></slot>
            <slot name="SysCustomerName">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="SysCustomerName" :label="keyLan['SysCustomerName'] + ':'">
                        <el-input v-model="value.SysCustomerName"></el-input>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="SysCustomerNameAfter"></slot>
            <slot name="PhoneBefore"></slot>
            <slot name="Phone">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="Phone" :label="keyLan['Phone'] + ':'">
                        <el-input v-model="value.Phone"></el-input>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="PhoneAfter"></slot>
            <slot name="BirthDayBefore"></slot>
            <slot name="BirthDay">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="BirthDay" :label="keyLan['BirthDay'] + ':'">
                        <el-date-picker v-model="value.BirthDay" type="date" :picker-options="pickerOptions">
                        </el-date-picker>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="BirthDayAfter"></slot>
            <slot name="PwdBefore"></slot>
            <slot name="Pwd">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="Pwd" :label="keyLan['Pwd'] + ':'">
                        <el-input v-model="value.Pwd"></el-input>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="PwdAfter"></slot>
            <slot name="EnumStatusBefore"></slot>
            <slot name="EnumStatus">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="EnumStatus" :label="keyLan['EnumStatus'] + ':'">
                        <el-radio-group v-model="value.EnumStatus">
                            <el-radio v-for="item in EnumStatus" :key="item.Value" :value="item.Value"
                                :label="item.Value">
                                {{ enumLanTxt(item.Label) }}
                            </el-radio>
                        </el-radio-group>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="EnumStatusAfter"></slot>
            <slot name="IsDemoBefore"></slot>
            <slot name="IsDemo">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="IsDemo" :label="keyLan['IsDemo'] + ':'">
                        <el-switch style="display: block" v-model="value.IsDemo" :active-text="comLan.yes"
                            :inactive-text="comLan.no"></el-switch>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="IsDemoAfter"></slot>
            <slot name="RemarkBefore"></slot>
            <slot name="Remark">
                <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                    <el-form-item prop="Remark" :label="keyLan['Remark'] + ':'">
                        <el-input type="textarea" :rows="2" v-model="value.Remark" style="width: 100%;"></el-input>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="RemarkAfter"></slot>
            <slot name="SysEmployeeIDBefore"></slot>
            <slot name="SysEmployeeID">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="SysEmployeeID" :label="keyLan['SysEmployeeID'] + ':'">
                        <remoteselect v-model="value.SysEmployeeID" url="api/System/SysEmployeeListSelect"
                            value-label="SysEmployeeName" value-key="SysEmployeeID" query-key="selectIDName"
                            :placeholder="replaceID(keyLan['SysEmployeeID'])" style="width:150px;">
                            <template v-slot="{ row }">
                                {{ row.SysEmployeeName }}
                            </template>
                        </remoteselect>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="SysEmployeeIDAfter"></slot>
            <slot name="EnumSysCustomerSourceBefore"></slot>
            <slot name="EnumSysCustomerSource">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="EnumSysCustomerSource" :label="keyLan['EnumSysCustomerSource'] + ':'">
                        <el-radio-group v-model="value.EnumSysCustomerSource">
                            <el-radio v-for="item in EnumSysCustomerSource" :key="item.Value" :value="item.Value"
                                :label="item.Value">
                                {{ enumLanTxt(item.Label) }}
                            </el-radio>
                        </el-radio-group>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="EnumSysCustomerSourceAfter"></slot>
            <slot name="EnumSysCustomerIntentionBefore"></slot>
            <slot name="EnumSysCustomerIntention">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="EnumSysCustomerIntention" :label="keyLan['EnumSysCustomerIntention'] + ':'">
                        <el-radio-group v-model="value.EnumSysCustomerIntention">
                            <el-radio v-for="item in EnumSysCustomerIntention" :key="item.Value" :value="item.Value"
                                :label="item.Value">
                                {{ enumLanTxt(item.Label) }}
                            </el-radio>
                        </el-radio-group>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="EnumSysCustomerIntentionAfter"></slot>
            <slot name="CertSearch03JsonBefore"></slot>
            <slot name="CertSearch03Json">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="CertSearch03Json" :label="keyLan['CertSearch03Json'] + ':'">
                        <el-input v-model="value.CertSearch03Json"></el-input>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="CertSearch03JsonAfter"></slot>
            <slot name="CertSearch02JsonBefore"></slot>
            <slot name="CertSearch02Json">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="CertSearch02Json" :label="keyLan['CertSearch02Json'] + ':'">
                        <el-input v-model="value.CertSearch02Json"></el-input>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="CertSearch02JsonAfter"></slot>
            <slot name="CertSearchUpdateTimeBefore"></slot>
            <slot name="CertSearchUpdateTime">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="CertSearchUpdateTime" :label="keyLan['CertSearchUpdateTime'] + ':'">
                        <el-date-picker v-model="value.CertSearchUpdateTime" type="date"
                            :picker-options="pickerOptions">
                        </el-date-picker>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="CertSearchUpdateTimeAfter"></slot>
            <slot name="ReferrerIDBefore"></slot>
            <slot name="ReferrerID">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="ReferrerID" :label="keyLan['ReferrerID'] + ':'">
                        <remoteselect v-model="value.ReferrerID" url="api/Referrer/ListSelect" value-label="Name"
                            value-key="ReferrerID" query-key="selectIDName"
                            :placeholder="replaceID(keyLan['ReferrerID'])" style="width:150px;">
                            <template v-slot="{ row }">
                                {{ row.Name }}
                            </template>
                        </remoteselect>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="ReferrerIDAfter"></slot>
            <slot name="EnumGenderBefore"></slot>
            <slot name="EnumGender">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="EnumGender" :label="keyLan['EnumGender'] + ':'">
                        <el-radio-group v-model="value.EnumGender">
                            <el-radio v-for="item in EnumGender" :key="item.Value" :value="item.Value"
                                :label="item.Value">
                                {{ enumLanTxt(item.Label) }}
                            </el-radio>
                        </el-radio-group>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="EnumGenderAfter"></slot>
            <slot name="AddressBefore"></slot>
            <slot name="Address">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="Address" :label="keyLan['Address'] + ':'">
                        <el-input v-model="value.Address"></el-input>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="AddressAfter"></slot>
            <slot name="CompanyBefore"></slot>
            <slot name="Company">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="Company" :label="keyLan['Company'] + ':'">
                        <el-input v-model="value.Company"></el-input>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="CompanyAfter"></slot>
            <slot name="QualificationBefore"></slot>
            <slot name="Qualification">
                <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
                    <el-form-item prop="Qualification" :label="keyLan['Qualification'] + ':'">
                        <el-select v-model="value.Qualification" clearable style="width:120px;"
                            :placeholder="keyLan['Qualification']">
                            <el-option v-for="item in Qualification" :key="item.Value" :value="item.Value"
                                :label="enumLanTxt(item.Label)">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
            </slot>
            <slot name="QualificationAfter"></slot>
        </el-row>
    </el-form>
</template>

<script>
import common from "@/common/common.js";
import js from "@/Partial/SysCustomer/js.js";

export default {
    name: "SysCustomerAddEdit",
    mixins: [common.baseVM, js]
}
</script>